/*样式重置：
1.去除一些元素的默认间距，边距
2.去除不同浏览器对某些添加的默认样式
3.超链接的下划线，和默认样式
*/
/*
添加一些常用的样式
1.字体，字体大小
2.去除超链接下划线
3.添加浮动
4.去除添加边框和边距对原始div的影响
*/


body{
    font-size: 12px;
    font-family: "Microsoft YaHei",sans-serif;
    color: #333;
}
a{
    color: #333;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
ul,ol{
    list-style: none;
}
input{
    border: none;
    /*获取焦点时的外边框*/
    outline: none;
    /*清除移动端默认的表单样式:-webkit-appearance是用来改变按钮和其他控件的外观，使其外观类似于原生控件.
    通常我们可以在相应的元素上加上-webkit-appearance: none;来移除原生控件样式。*/
    -webkit-appearance: none;
}

/*添加的新样式*/
/*左浮动与右浮动*/
.f_left{
    float: left;
}
.f_right{
    float: right;
}
/*清除浮动*/
.clearfix::before,
.clearfix::after{
    display:block;
    height:0;
    clear:both;
    content: "";
    height: 0;
    line-height:0;
    display: block;
    clear: both;
    visibility: hidden;
}
.m_l10{
    margin-left:10px;
}
.m_r10{
    margin-right:10px;
}
.m_t10{
    margin-top:10px;
}




/*Bz*/
.ib{
    display: inline-block;
}


.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}